<template>
  <div id="initiate-application">
    <div class="bg-img"></div>
    <panel-menu ref="menu"></panel-menu>
    <bottom-normal></bottom-normal>
  </div>
</template>

<script>
  import PanelMenu from '@/components/PanelMenu/PanelMenu.vue';
  import BottomNormal from '@/components/Bottom/BottomNormal.vue';

  export default {
    name: 'InitiateApplication',
    data () {
      return {
        toastStatus: false,
        buttonStatus: true
      };
    },
    components: {
      'panel-menu': PanelMenu,
      'bottom-normal': BottomNormal
    },
    created () {
      localStorage.setItem('MakeCopyType', '');
    },
    beforeRouteLeave(to, from, next) {
      if(to.name === "ToDoList" || to.name === 'ApplicationList'){
        to.meta.keepAlive = false
      }
      this.$destroy();
      next();
    }
  };
</script>

<style scoped lang="scss">
  @import '../../assets/style/variable';

  #initiate-application{
    .bg-img{
      position: fixed;
      top: 0;
      z-index: -1;
      width: 100%;
      height: getRem(311);
      background: url(static/images/init-app-bg.png) no-repeat center center;
      background-size: 100% getRem(311);
    }
  }
</style>
